@charset "utf-8";

html {font-size:62.5%;}
body{
	background:#ffffff;
	color:#ffea00;
	font-family: arial ,Tahoma , Times New Roman, serif;
	font-size:12px;
	min-width:1003px;
}
@font-face {
	font-family: ‘CAOLANH’;
	src: url(‘font/CAOLANH.eot’);
	src: url(‘font/CAOLANH.eot?#iefix’) format(‘embedded-opentype’),
	url(‘font/CAOLANH.woff’) format(‘woff’),
	url(‘font/CAOLANH.ttf’) format(‘truetype’),
	url(‘font/CAOLANH.svg#UVNTinTucHepThemBold’) format(‘svg’);
	font-weight: normal;
	font-style: normal;
}
h1 {font-weight:bold;}
h2 {font-size:14px;}
h3 {font-size:16px;}
h4 {font-size:18px;}
h5 {font-size:20px;}
h6{font-size:30px;}
header:after, form:after, fieldset:after, aside:after, footer:after, ul:after, li:after, #header-holder:after, #wrapper-holder:after, #wrapper:after, #main_section:after, #sidebar:after, #content:after,.main_header :after, .top_header:after, .top_menu:after, .left_mainsection:after, .right_section:after, .left_section:after, .bottom_section:after {
    clear: both;
    content: "";
    display: block;
    min-height: 0;
}
.hide {
    display: none !important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display:block;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {direction: ltr;}
a{text-decoration: none;}
a:hover, a:focus, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
	text-decoration:underline;
}
ol, ul, li {
    list-style: none outside none;
}
input {
	border: medium none;
}
a,
button {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
header, footer {
    position: relative;
    width: 100%;
    z-index: 10;
}
img {
    max-width: 100%;
    vertical-align: top;
	border:none;
}
*{ margin: 0; padding: 0;color:#1b1b1b;font-size:100.1%;}
.img_logo {
	background: url(../images/img_skin/logo.png) no-repeat;
	display: inline-block;
	width: 116px;
	height: 116px;

}
#header_holder {
	background-image: url(../images/img_skin/bg_header.png);
	background-repeat: repeat-x;
	height: 123px;
}
#header_holder .logo {
	float: left;
	padding-left: 7%;
}
#header_holder .text_logo {
    padding-top: 45px;
    width: 80%;
}
#header_holder .text_logo .text_01 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding-left: 25%;
	text-transform: uppercase;
}
#header_holder .text_logo .text_02 {
	font-family: times new roman;
	font-size: 21px;	
	color: #fff;
	padding-left: 25%;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
}
.top_menu {
	height: 38px;
	width: 100%;
	background: #31b7ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #31b7ef 1%, #06477d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#31b7ef), color-stop(100%,#06477d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #31b7ef 1%,#06477d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31b7ef', endColorstr='#06477d',GradientType=0 ); /* IE6-9 */

}
.top_menu .top_menu_area {
	width: 98%;
	margin: 0 auto;
}
.top_menu_area .left_cl {
	width: 20%;
	float: left;
}
.top_menu_area .left_cl .time {
	color: #fff;
	font-size: 13px;
	padding-top: 10px;
	text-align: center;
}
.top_menu_area .right_cl {
	float: left;
	padding-left: 1%;
	width: 79%;
}
.top_menu_area .right_cl .menu ul li {
	float: left;
	padding-right: 5px;
}
.top_menu_area .right_cl .menu ul li.border_line {
	width: 1px;
	background-color: #2fb1e9;
	height: 28px;
	padding: 0;
}
.top_menu_area .right_cl .menu ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding:11px;
	display: inline-block;
}
.top_menu_area .right_cl .menu ul li a:hover {
	color: #fff600;
	text-decoration: none;
}
.wrapper_area {
	padding: 10px 0;
	width: 99%;
	margin: 0 auto;
}
.wrapper_area .cl_01 {
	float: left;
	width: 20%;
}
.wrapper_area .cl_01 .search_bar {	
	margin: 0 auto;
	position: relative;
}
.wrapper_area .cl_01 .search_bar .tbsearch  {
	padding: 3px;
	border: 1px solid #acacac;
	height: 15px;
	width: 97%;
}
.btnsearch {
	background: url(../images/img_skin/icon_search.png) no-repeat;
	display: inline-block;
	height: 18px;
	width: 18px;
	position: absolute;
	top: 5px;
	right: 3px;
}
.wrapper_area .cl_01 .cl_document {
	padding-top: 10px;
}
.wrapper_area .cl_01 .cl_document .head {
	height: 38px;
	width: 100%;
	background: #31b7ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #31b7ef 1%, #06477d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#31b7ef), color-stop(100%,#06477d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #31b7ef 1%,#06477d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31b7ef', endColorstr='#06477d',GradientType=0 ); /* IE6-9 */
}
.wrapper_area .cl_01 .cl_document .head p {
	font-size: 13px;
	color: #fff;
	line-height: 38px;
	padding-left: 10px;
	font-weight: bold;
}
.wrapper_area .cl_01 .cl_document .content {
	background-color: #f1f1f1;
	border: 1px solid #7fb3c7;
}
.wrapper_area .cl_01 .cl_document .content> ul {
	padding: 5px;
}
.wrapper_area .cl_01 .cl_document .content >ul >li {
	padding: 5px 0;
}
.wrapper_area .cl_01 .cl_document .content ul li .title_head .text_title {
	font-weight: bold;
	color: #3b3b3b;
}
.icon_book {
	background: url(../images/img_skin/icon_book.png) no-repeat;
	display: inline-block;
	height: 18px;
	width: 18px;
	float: left;
	padding-right: 5px;
}
.wrapper_area .cl_01 .cl_document .content ul li ul li {
	margin-left: 30px;
	list-style: disc;
	color: #7a7a7a;
}
.wrapper_area .cl_01 .cl_document .content ul li ul li a {
	color: #3b3b3b;
	padding:3px 0;
	display: inline-block;
}
.wrapper_area .cl_01 .web_link_image {
	padding-top: 10px;
}
.wrapper_area .cl_01 .web_link_image ul li {
	padding-top: 5px;
}
.rank_view {
	padding-top: 10px;
}
.rank_view .head {
	background-color: #e4e4e4; 
	height: 38px;
}
.rank_view .head p {
	font-size: 13px;
	font-weight: bold;
	color: #3b3b3b;
	line-height: 38px;
	padding-left: 10px;
}
.rank_view .rank_view_content {
	border: 1px solid #d7d7d7;
}
.rank_view .rank_view_content ul li {
	padding: 3px;
	color: #3b3b3b;
}
.wrapper_area .cl_02 {
	padding-left: 1%;
	width: 60%;
	float: left;
}
.main_content .packlink span {
	color: #797979;
	padding-top: 5px;
}
.main_content .content {
	background-color: #f4f4f4;
	border: 1px solid #e7e7e7;
	padding: 5px;
	margin-top: 16px;
	overflow: hidden;
}
.content_area ul li {
	width: 23%;
	float: left;
	background-color: #fff;
	border: 1px solid #c4c4c4;
	margin: 5px;
	text-align: center;
}
.content_area ul li a {
	padding: 5px;
	font-weight: bold;
}
.content_area ul li .title {
	padding-top: 10px;
	color: #2a2a2a;
}
.content_area ul li a:hover {
	text-decoration: none;
}
.content_area ul li a:hover p.title {
	color: #0c82c5;
	text-decoration: none;
}
.packlink {
    font-family: Ubuntu;
    font-size: 14px;
    line-height: 1.25;
    margin: 0 0 5px;
}
#wrapper .main_content .packlink ul li:first-child {
    background: url("../images/icon-huongdan.png") no-repeat scroll left center / contain rgba(0, 0, 0, 0);
	padding-left: 20px;
} 
#wrapper .main_content .packlink ul li {
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}
.alck{
	color: #006EC7;
	cursor: pointer;
}
.alck:hover{
	color: #F12B63;
}
.alck span{
	color: #464343;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}
.paging {
	padding: 5px;
	float: right;
}
.paging ul li {
	float: left;
	padding: 5px;
	text-align: center;
}
.paging ul li a {
	padding: 5px;
	width: 15px;	
	height: 15px;
	display: inline-block;
	border: 1px solid #70c3e3;
	cursor: pointer;
}
.paging ul li a.nex, .paging ul li a.pre {border:none;}
.paging .active {
	border: 1px solid #70c3e3;	
	color: #fff;
	font-weight: bold;
	background-color: #0072bc
}
.wrapper_area .cl_03 {
	float: left;
	width: 17%;
	margin-left: 1.5%;
}
.siderbar {
	padding-top: 32px;
}
.siderbar .row {
	padding-bottom: 10px;
}
.siderbar .row .head {
	height: 38px;
	width: 100%;
	background: #31b7ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #31b7ef 1%, #06477d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#31b7ef), color-stop(100%,#06477d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #31b7ef 1%,#06477d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #31b7ef 1%,#06477d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31b7ef', endColorstr='#06477d',GradientType=0 ); /* IE6-9 */
}
.siderbar .row .head p {
	font-size: 13px;
	color: #fff;
	line-height: 38px;
	padding-left: 10px;
	font-weight: bold;
}
.siderbar .row .content {
	background-color: #fff;
	border: 1px solid #7fb3c7;
	padding: 5px;
}
.siderbar .row .content .input_tk .login {
	padding: 5px;
	border: 1px solid #acacac;
	width: 90%;
	margin: 5px;
}
.check_remember_tk {
	font-size: 10px;
	color: #5b5b5b;
	padding: 3px;
}
.siderbar .row .content  .button_area {
	padding: 5px 0;

}
.siderbar .row .content  .button_area .button {
	padding: 5px 21px;
	background-color: #0076a3;
	color: #fff;
	margin: 5px;
	display: inline-block;
}
.siderbar .row .content .forgetpass {
	color: #0076a3;
	font-style: italic;
	padding: 5px;
}
.siderbar .cdkh ul li {
	border-top: 1px solid #d7d7d7;
}
.siderbar .cdkh ul li:first-child {
	border: none;
}
.siderbar .cdkh ul li a {
	padding: 8px 5px;
	display: block;
	color: #212121;
}
.siderbar .cdkh ul li a:hover {
	background-color: #e2e2e2;
	text-decoration: none;
}

.siderbar .tacgia ul li a {
	padding: 8px 5px;
	display: block;
	color: #212121
}
.footer_area {
	width:100%;
	margin: 0 auto;
	margin-top: 30px;
	padding-top: 20px;	
	background-color: #e1e1e1;
	overflow: hidden;
}
.footer_area .cl_left {
	float: left;
	padding-left: 10px;
}
.footer_area .cl_left h1 {
	padding-bottom:2px;
}

.footer_area .cl_left p {
	color: #6f6f6f;
	padding-bottom:2px;
}
.footer_area .cl_right {
	float: right;
	padding-right: 10px;
}
.footer_area .menu_footer ul li {
	float: left;
}
.footer_area .menu_footer ul li a {
	padding: 5px 10px;
	color: #6f6f6f;
}




fieldset.children {
	border: 1px solid #dddddd;
	border-radius: 5px;
}

.download{
	content: ""; width: 30px; height: 30px; margin-right: 5px; background: url("../images/download.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; vertical-align: middle;
}
.viewdocument{
	content: ""; width: 30px; height: 30px; margin-right: 5px; background: url("../images/viewdocument.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; vertical-align: middle;
}


div#process{
	position:relative;
	background: none repeat scroll 0 0 #CC0000;
	border-color: #CC0000;
	text-align: center;
	width:10%;
	margin:0 auto;
	border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 6px 10px;
	line-height: 100%;	
}
div#process span{
	font-family: arial,sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
}
div.nq {
	z-index: 9999999;
}
.vY {
    height: 100%;
    position: relative;
    visibility: visible;
    width: 100%;
    z-index: 5;
	position:fixed;
	top:2px;
	padding-top:75px;	
}
div#note-process,div#load_data, div#process,div#file_export, div#loadingall,div#smallLoadIcon,div#notice-print{display:none;}
div#loadingall,div#load_data,div#file_export{
	position:relative;	
	text-align: center;
	min-width:200px;
	margin:0 auto;	
    padding: 6px 10px;
	line-height: 100%;
	top:100px;
}
div#loadingall span{
	font-family: arial,sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #CC0000;
}
div#lda{background: url("../images/loadingall.gif") no-repeat center transparent;height:90px;}
div#load_data {
	width:217px;
	padding:12px;
	background-color: #348AE9;
	background-image: -webkit-linear-gradient(center top , #348AE9, #3777BD);
	background-image: -moz-linear-gradient(center top , #348AE9, #3777BD);
	background-image: -o-linear-gradient(center top , #348AE9, #3777BD);
	background-image: -ms-linear-gradient(center top , #348AE9, #3777BD);
	background-image: linear-gradient(center top , #348AE9, #3777BD);	
	border-radius:  10px 10px 10px 10px;
	height: 50px;
	position: relative;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;	
    border: 1px solid #085AB7;    
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);    	
}
#left_tree{ overflow-x: auto;}
.c-b-more:after {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../css/images/c-b-more.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    content: "";
    display: inline-block;
    height: 4px;
    margin-left: 5px;
    vertical-align: middle;
    width: 7px;
}
.c-b-more {
    color: #0e7ac3;
    cursor: pointer;
    display: block;
    margin-top: 10px;
    padding-left: 10px;
}
.c-block.expand {
    height: auto !important;
}
.c-block {height: 200px; 
	overflow-x: hidden;
    overflow-y: hidden;}